@import "base";
html{
  background:#efeff4;
}
.friend-head{
  width: px2rem(120px , $base-font-size);
  border: 1px solid #fff;
  border-radius: 50%;
  overflow: hidden;
  font-size: 0;
}

.friend-head img{
  width: 100%;
}

.friend-item-box{
  padding: px2rem(20px , $base-font-size) px2rem(40px , $base-font-size);
  margin-top: px2rem(20px , $base-font-size);
  background: #fff;
}

.am-flexbox.friend-item-box{
  align-items: end;
}

.am-flexbox .friend-item-box-right{
  flex:3;
  margin-top: px2rem(15px , $base-font-size);
}

.friend-item-box-user{
  margin-bottom: px2rem(20px , $base-font-size);
}

.friend-item-box-user-name{
  @include px2px('font-size',32);
  color: #333;
}
.friend-item-box-time{
  color: #b4b4b4;
}

.friend-item-box-user-content{
  color: #909090;
}